<template>
  <svg aria-hidden="true"><use :xlink:href="'#'+$style.id"></use></svg>
</template>

<script>
let icoAdd = false
export default {
  created () {
    if (icoAdd) return
    icoAdd = true
    let eTemp = document.createElement('div')
    eTemp.innerHTML = `<svg aria-hidden="true" style="position: absolute; width: 0px; height: 0px; overflow: hidden;"><symbol id="${this.$style.id}" viewBox="0 0 1024 1024"><path d="M649.179 512l212.839-212.84c37.881-37.881 37.881-99.298 0-137.179s-99.298-37.881-137.179 0L512 374.821l-212.839-212.84c-37.881-37.881-99.298-37.881-137.179 0s-37.881 99.298 0 137.179L374.821 512 161.982 724.84c-37.881 37.881-37.881 99.297 0 137.179 18.94 18.94 43.765 28.41 68.589 28.41 24.825 0 49.649-9.47 68.589-28.41L512 649.179l212.839 212.84c18.94 18.94 43.765 28.41 68.589 28.41s49.649-9.47 68.59-28.41c37.881-37.882 37.881-99.298 0-137.179L649.179 512z" fill="currentColor"></path></symbol></svg>`
    document.body.appendChild(eTemp.children[0])
  }
}
</script>

<style module>
.id {width:0}
</style>
